@import "~common/less/variables";
@import "~common/less/utils";

.sell-online-list{
  // padding-bottom: 1.3rem;
  position: absolute;
  top: 1rem;
  bottom: 0;
  // overflow: hidden;
  #w100;
  ul{
    // overflow-y: auto;
    #w100;
    #h100;
    li{
      padding: 0 0.3rem;
      background-color: @color-white;
      .item{
        padding: 0.2rem 0;
        font-size: @font-size-small;
        #borderBottom-1px(@color-border-gray);
        #flex;
        position: relative;
        .avatar{
          margin-right: 0.3rem;
          width: 22%;
          position: relative;
          top: 0.05rem;
          img{
            #w100;
          }
        }
        .desc{
          #flex;
          #flex-v;
          #flex-jcsb;
          position: relative;
          font-size: @font-size-small;
          width: 78%;
          line-height: 0.6rem;
          span{
            color: @color-lightblack;
          }
          .name{
            font-size: @font-size-medium;
          }
          .price{
            color: @color-red;
          }
        }
      }
    }
  }
  ul::-webkit-scrollbar{
    #hide-scroll;
  }
}